.cs-help {}
.cs-help-con.con { padding-top: .3rem; padding-bottom: .6rem; }
.cs-help-hd { margin-top: -0.05rem; margin-bottom: .25rem; }
.cs-help-bd { }
.cs-help-title { font-size: .3rem; line-height: 1.33; }
.cs-help-sec { margin-top: .25rem; }
.cs-help-sec:first-of-type { margin-top: 0; }
.cs-help-sec > .sec-hd { margin-bottom: .1rem; }
.cs-help-list {}
.cs-help-list > li { margin-top: .1rem; }
.cs-help-list > li:first-of-type { margin-top: 0; }
.cs-help-item { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; min-height: .6rem; padding: .13rem .2rem; border-radius: .1rem; font-size: .2rem; font-weight: 600; background-color: #fff; transition: transform .2s linear, color .2s, box-shadow .2s; }
.cs-help-item::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    margin-left: .2rem;
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .1rem solid #666;
    transition: transform .2s linear, border-color .2s;
    }
.cs-help-item:hover,
.cs-help-item:active { transform: translateY(-2px); box-shadow: 0 1px 2px rgba(0, 0, 0, .15); }
.cs-help-item:hover::after,
.cs-help-item:active::after { transform: translateX(.05rem); border-left-color: #333; }
.cs-help-item > .pic { display: block; width: .54rem; height: .54rem; margin-left: -0.07rem; margin-right: .15rem; border-radius: .1rem; background: #dedede center no-repeat; background-size: cover; }
.cs-help-item > .tit { flex: 1; }
.cs-help-answer { box-sizing: border-box; padding: .25rem .3rem; margin-bottom: .25rem; border-radius: .1rem; line-height: 1.75; background-color: #fff; }

/* 聯繫我們 */
.cs-contact {}
.cs-contact-con { padding-top: .2rem; padding-bottom: .6rem; }
.cs-contact-list { display: flex; }
.cs-contact-item { display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; width: 3.8rem; height: 4.1rem; padding: .5rem .2rem; margin-left: .3rem; border-radius: .1rem; text-align: center; background-color: #fff; transition: transform .2s linear, box-shadow .2s; }
.cs-contact-item:hover,
.cs-contact-item:active { transform: translateY(-3px); box-shadow: 0 2px 3px rgba(0, 0, 0, .1); }
.cs-contact-item > .item-hd { width: 100%; }
.cs-contact-item > .item-hd > .tit { height: .44rem; font-size: .6rem; font-weight: 600; font-family: Arial; text-indent: -999em; overflow: hidden; background: url(../images/cs-contact-sprite.png) center 0 no-repeat; background-size: 1.95rem auto; background-image: image-set(url('../images/cs-contact-sprite.png') 1x, url('../images/cs-contact-sprite@2x.png') 2x); }
.cs-contact-item > .item-hd > .desc { margin-top: .05rem; font-size: .2rem; font-weight: 600; line-height: 1.4; }
.cs-contact-item > .item-bd { display: flex; justify-content: center; align-items: center; flex: 1; width: 100%; }
.cs-contact-item > .item-bd > .qrcode { display: block; width: 1.65rem; height: 1.65rem; box-sizing: border-box; border: .05rem solid #fff; background-color: #dedede; }
.cs-contact-item > .item-bd > .icon { display: block; width: 199%; height: 1.28rem; text-indent: -999em; overflow: hidden; background: url(../images/cs-contact-sprite.png) center 0 no-repeat; background-size: 1.95rem auto; background-image: image-set(url('../images/cs-contact-sprite.png') 1x, url('../images/cs-contact-sprite@2x.png') 2x); }
.cs-contact-item > .item-ft { display: flex; justify-content: center; align-items: center; height: .46rem; line-height: .46rem; }
.cs-contact-item > .item-ft > .button { display: block; width: 1.86rem; height: 100%; border-radius: .06rem; color: #fff; font-size: .2rem; font-weight: 600; background-color: #5296db; text-align: center; transition: background-color .2s; }
.cs-contact-item > .item-ft > .button:hover,
.cs-contact-item > .item-ft > .button:active { background-color: #282460; }
.cs-contact-item:first-of-type { margin-left: 0; }
.cs-contact-item.line > .item-hd > .tit { background-position: center 0; }
.cs-contact-item.email > .item-hd > .tit { background-position: center -0.53rem; }
.cs-contact-item.email > .item-bd > .icon { background-position: center -1.6rem; }
.cs-contact-item.down > .item-hd > .tit { background-position: center -1.06rem; }
.cs-contact-item.down > .item-bd > .icon { background-position: center -2.98rem; }
.cs-contact-tip { padding: .2rem; margin-top: .3rem; border-radius: .1rem; background-color: #fff; color: #e3184d; font-size: .18rem; line-height: 1.88; font-weight: 600; text-align: center; }
